<template>
    <div class="datas">
        <div class="header-bar">
            <div class="title">
                <h1>基于社会行为数据城市认知系统</h1>
            </div>
        </div>
    </div>
</template>

<script>
export default {

}
</script>

<style lang="stylus">
.datas
    width 100%
    height 100%
.header-bar
    height 100%
    position relative
    border-top 2px solid #00f6ff
    background #282c38
    
  .title
    height 60px
    width 580px
    background url('../assets/img/logo_bg.png') no-repeat
    background-size 100% 100%
    position absolute
    z-index 1
    left 50%
    top -2px
    margin-left -302.5px

    h1
      letter-spacing 2px
      line-height 64px
      font-size 24px
      color #fff
      margin 0 auto
      text-align center
</style>
